main {
	padding: 16px;
	background-color: #62b2d9;
	color: #fff;
}
// 顶部运动类型
#sportsType {
	> div {
		&:nth-child(2) {
			span {
				font-weight: bolder;
			}
		}
	}
}
// 距离
#distance {
	line-height: 220px;
	text-align: center;
	span {
		font-size: 70px;
	}
}

// 导航GPS
#gps {
	> p {
		color: #d9d9d9;
		font-weight: 300;
	}
	> div {
		flex: 28%;
		flex-grow: 0;
		border-bottom: 1px dotted #d9d9d9;
	}
}
// 运动详情
#spotsDetail {
	padding: 50px 10px;
	> ul {
		li {
			display: flex;
			text-align: center;
			flex-direction: column;
			.iconfont {
				font-size: 30px;
				margin-bottom: 8px;
			}
			> p {
				padding-top: 28px;
				font-size: 20px;
			}
		}
	}
}
// 暂停锁住
#pause {
	> div {
		width: 90px;
		height: 90px;
		border-radius: 50%;
		color: #62b2d9;
		span {
			font-size: 26px;
		}
	}
	.lock {
		right: 46px;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		border: 1px solid #fff;
	}
}
// 蒙层
#mode {
	display: none;
	top: 0;
	left: 0;
	z-index: 40;
	width: 100%;
	height: 100%;
	background-color: rgba(76, 145, 180, 0.5);
	> div {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		> div {
			margin: 30px;
			display: flex;
			width: 90px;
			height: 90px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-color: #ffffff;
			color: #62b2d9;
			border-radius: 50%;
			span {
				font-size: 40px;
			}
		}
	}
}
